<!DOCTYPE html>
<html>
<head>
<s3:data name='EdocDatas.headerScript' />
<s3:import type="css"></s3:import>
<!-- 正文组件样式css -->
<link type="text/css" rel="stylesheet" href="<s3:data name='dependencies.edoc' />/css/infopath.css${data:buildversion}">
<link type="text/css" rel="stylesheet" href="<s3:data name='dependencies.edoc' />/css/edoc-media.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-att.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
<!-- 
<link rel="stylesheet" href="<s3:data name='dependencies.common_v5_path'/>/cmp-resources/content.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-audio.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-selectOrg.css${data:buildversion}">
 -->
 
<title>公文详情</title>
<style type="text/css">
	/*附件列表小图标*/
	.cmp-icon-accessory{width: 30px;height: 30px;display: inline-block;}
</style>
</head>
<body id="edocSummaryBody" class="cmp-fullscreen">

 <div id="body_content_div" class="cmp-content position_relative cmp-content-none">
        <!-- 标题区域 -->
        <div id="summary_titile_container" class="cmp-segmented_title_content main-title" style="overflow: hidden; ">
            <ul class="cmp-table-view m1-details-title col" style="background-color: #E8F5FF; ">
                <li class="cmp-list-cell">
                    <div class="cmp-list-cell-info" id="title_div" style="width:100%;">
                    </div>
                </li>
            </ul>
        </div>
        <!-- 正文流程页签 -->
        <div id="edocSummary" class="cmp-segmented-control cmp-segmented-control-inverted col new-tab-nav" style="background-color:#f8f7f7;">
            <a id="formTab" href="#edocFrom" class="cmp-control-item cmp-active"><i18n key="Edoc.label.wendan"></i18n></a>
            <a id="edocBody_Tab" href="#edocBody" class="cmp-control-item"><i18n key="Edoc.label.text"></i18n></a>
            <a id="workflog_tab" href="#edocWorkFlow" class="cmp-control-item"><i18n key="Edoc.label.flow"></a>
        </div>
        <div id="edocFrom" class="cmp-control-content cmp-active white">
               <!-- 正文 -->
            <div id="content_div" class="infopath" style="overflow:hidden;">
            </div>
            <div id="hideArea" style="height:36px; width: 90%; position:relative; z-index:2;" onclick="showOrHide();"></div>
            <div id="edoc_form_wrapper" class="cmp-scroll-wrapper" style="position: absolute;top:40px">
                <div style="min-height: 100%;" class="cmp-scroll">
                    <!-- 如果有意见，意见显示在这块区域 -->
                    <!-- 附件 -->
                    <div id="attachment_container" class="attach-wrap add-new-div display_none">
                        <div class="attach-title dropdown add-new-title">
                            <span><i18n key="Edoc.page.lable.attachment"></i18n></span><span>(</span><span id="att_file_count">0</span><span>)</span><span>&amp;</span>
                            <span><i18n key="Edoc.page.lable.relateDoc"></i18n></span><span>(</span><span id="att_ass_count">0</span><span>)</span><span>：</span>
                            <span class="see-icon-v5-common-arrow-top right jiantou"></span>
                        </div>
                        <div class="attach-body">
                            <ul id="attchemntFileList" class="cmp-list-content cmp-accessory-content margin_top-1 wh100"></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	    <div id="edocBody" class="cmp-control-content white" style="overflow:auto;width: 100%">
	    </div>
	    <div id="edocWorkFlow" style="overflow: hidden;position:relative;" _loadStatus="0" class="cmp-control-content cmp-tab-list-content white"></div>
    </div>
    <footer id="footer_btns" class="cmp-bar conmmon-b cmp-bar-footer border_t display_none">
    </footer>
     <s3:data name='cordova' /> 
<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
    <!-- <s3:import type="js"></s3:import> -->
    
<script src="${data:dependencies.edoc}/js/edocUtil.js${data:buildversion}"></script>
<script src="${data:dependencies.common_v5_path}/jquery/jquery-2.1.4.min.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp.js${data:buildversion}"></script>
<script src="${data:dependencies.edoc}/js/edoc-jssdk.js${data:buildversion}"></script>
<script src="${data:dependencies.edoc}/i18n/EdocResources_zh_CN.js${data:buildversion}"></script>
<script src="${data:dependencies.commons}/m3-jssdk.js${data:buildversion}"></script>
<script src="${data:dependencies.workflow}/js/workflow-jssdk.js${data:buildversion}"></script>
  <script type="text/javascript">
  cmp.i18n.init("${data:dependencies.edoc}/i18n/", "EdocResources");
</script>
<script src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-att.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.edoc' />/js/edocSummary.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.common_v5_path'/>/widget/SeeyonAttachment.s3js${data:buildversion}"></script>

<!-- 
<script src="<s3:data name='dependencies.common_v5_path'/>/widget/SeeyonContent.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-flowV5.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-zoom.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-push.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-audio.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-selectOrg.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-handWriteSignature.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-contentEdit.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.workflow' />/js/wf.js${data:buildversion}"></script>
附件
正文编辑
<script src="${data:dependencies.common_v5_path}/widget/ContentEdit-debug.js${data:buildversion}"></script>
 -->

 <!-- 标题区域模板 -->
 <script type="text/html" id="summary_title_tpl">
 <span class="list_title_name">
 <%if(this.edocSummary.urgentLevel && this.edocSummary.urgentLevel > 1 && this.edocSummary.urgentLevel < 6){%>
 <span style="color: #FF0000;font-size:15px;position:relative;top:-1px;" class="cmp-icon iconfont see-icon-v5-common-important-<%=(this.edocSummary.urgentLevel - 1)%>"></span>
 <%}%>
 <%=this.edocSummary.subject.escapeHTML()%>
 </span>
 <h5 class="cmp-ellipsis list_cont_info">
     <span class="cmp-pull-left">
         <span style="color:#999999; max-width:200px; width:auto;"><%=this.memberdName%></span>
         <span style="color:#999999;"><%=this.createTime%></span>
     </span>
     <span class="cmp-pull-right">
         <a class="href_show">
             <% if(this.attachmentList.length>0){ %>
                 <span class="cmp-icon iconfont see-icon-accessory" style="margin-right:5px;"></span>
                 <span class="blue-color font-16"><%=this.attachmentList.length%></span>
             <%}%>
         </a>
     </span>
 </h5>
 </script>
 
 <!-- 意见区域模板 -->
 <script type="text/html" id="summary_opinions_tpl">
 <ul class="cmp-table-view cmp-table-view-chevron">
 <% if(this.opinions.sendOpinionStr.length !=0 ) { %>
 <div id="sender_comment_container" class="attach-wrap add-new-div">
	<div class="attach-title dropdown add-new-title"> 
        <span><%=cmp.i18n("Edoc.colForward.fuyan")%></span><span>(</span> <span id="sender_comment_count"><%=this.opinions.sendOpinionStr.length%></span> <span>)</span><span>：</span>
		<span class="see-icon-v5-common-arrow-top right jiantou"></span>
	</div>
    <ul id="sender_comment_ul" class="attach-list white">
         <% for(var i=0 ;i < this.opinions.sendOpinionStr.length; i++){ %>
             <li class="attach-lisy-li">
				<div> 
                   	<div class="script-div" style="word-break: break-word;"> 
                       	<p class="script-name"><%=escapeStringToHTML(this.opinions.sendOpinionStr[i].content,false)%></p> 
                    </div>
                    <div id="attLabel<%=this.opinions.sendOpinionStr[i].id %>"></div>
                  	<div class="script-time-div"> 
                      	<span class="script-time"><%=this.opinions.sendOpinionStr[i].strCreateTime %></span> 
                    </div> 
                 </div> 
             </li>
        <%}%>
    </ul>
 </div>
 <%}%>
 <%if(this.opinions.opinions.length != 0){%>
	<div id="comments_container" class="attach-wrap add-new-div">
		<div class="attach-title dropdown add-new-title"> 
      		<span><%=cmp.i18n("Edoc.label.opinion")%></span>
			<span class="see-icon-v5-common-arrow-top right jiantou"></span>
		</div>
 	<% for(var i=0 ; i<this.opinions.opinions.length ; i++){ %>
    	 <% var opinion = this.opinions.opinions[i]; %>
     	 <%if(opinion[0] == "otherOpinion"){ %>
 	        <li class="cmp-collapse cmp-active" style="word-break: break-word;">
  	           <ul class="cmp-table-view cmp-table-view-chevron">
  	               <li>
  	                   <%= opinion[1]%>
  	               </li>
  	           </ul>
  	        </li>
  	     <%}%>
	 <%}%>
	 </div>
 <%}%>
 </ul>
</script>

<!-- 底部按钮模板 -->
<script type="text/html" id="summary_footer_tpl">
<% if(this.ctpAffair.state==1){ %>
    <h1 class="warning"><%=cmp.i18n("Edoc.label.text.warn")%></h1>
<%  var footer_btns = document.getElementById("footer_btns");
	footer_btns.className += " " + "warning-wrap";
	}else if(isInArray(this.actions, "EdocExchangeType") && this.ctpAffair.state != 4 && this.ctpAffair.state != 2){
%>
	<h1 class="warning"><%=cmp.i18n("Edoc.label.text.warn1")%></h1>
<% 
	var footer_btns = document.getElementById("footer_btns");
	footer_btns.className += " " + "warning-wrap";
    }else{ 
        if(this.ctpAffair.state == 3){
            var _showMore = true, dealMarginRight = "70";
            if(!isInArray(this.actions, "Return") && !isInArray(this.actions, "Terminate") && !isInArray(this.actions, "Cancel")){
                _showMore = false;
                dealMarginRight = "0";
            }
%>
     <div id="handleBtns" class="handle-div" style="height:44px;">
<%
            if(_showMore){
%>
         <a href="#picture">
             <div class="handle-more" id="more" style="margin: 7px 7px 7px 0px;">
                <span class="cmp-icon iconfont see-icon-more" style="padding:4px;"></span>
             </div>
         </a>
<%
            }  
			if(pageX.validationStepback) {
%>
         <div class="handle-colla" id="deal" style="margin-right:<%=dealMarginRight%>px;">
            <span class="see-icon-v5-common-note-fill" style="color: #55a1e5;padding:10px;"></span><%=cmp.i18n("Edoc.action.deal")%>
         </div>
     </div>
<%     
			}	
        }
 
        if(this.ctpAffair.state == 4 || this.ctpAffair.state == 2){
            var id_, i18n_, class_;
			if(this.ctpAffair.state == 4  && !finished){
               	id_ = 'takeBack'; 
               	i18n_ = cmp.i18n("Edoc.label.text.back");
				class_ = "see-icon-v5-common-getback";
            }else if(this.ctpAffair.state == 2){
				if(!finished) {
               		id_ = 'revoke'; 
               		i18n_ = cmp.i18n("Edoc.action.revoke");
					class_ = "see-icon-v5-common-rollback";
				}
            }
     
            if(id_){
 %>
         <span class="cmp-pull-left item deal" style="border-right: 1px solid #bec8cf"  id="<%=id_%>">
            <span class="<%=class_%>" style="color:#4a90e2"></span><span class="deal"><%=i18n_%></span>
        </span>
<%
           } 
		 if (!finished) {
%>
        <span class="cmp-pull-right item more" id="trackButton">
            <span id="trackClass" class="see-icon-v5-common-tracking-cancel" style="color:#4a90e2"></span>
            <span class="deal" id="trackSpan"><%= (this.ctpAffair.track == 0 ? cmp.i18n("Edoc.info.track") : cmp.i18n("Edoc.info.cancleTrack"))%>
            </span>
        </span>
        
<%     }  }  
   }      
%>
</script>
</body>
</html>
